$--screen-sm-min: 768px;
$--screen-md-min: 992px;
$--screen-lg-min: 1200px;

$--color-cyan: #50616d;
$--color-gray: rgb(136,136,136);
$--font-color: #fafafa;
$--selection-color: #f17c67fc;

$--color-title: #888;
$--color-content: #101010;


@mixin progress {
      width: 220px;
      height: 5px;
      margin: auto;
      background: rgba(0, 255, 255, 0.4);
}
@mixin progressPC {
    width: 400px;
    height: 5px;
    margin: auto;
    background: rgba(0, 255, 255, 0.4);
}
@mixin progress_hight {
    height: 100%;
    background: #00b4d9;
    border-radius: 7px;
    box-shadow: inset 0 -2px 2px rgba(0, 0, 0, 0.2);
    
}
